﻿@import url("jquery.hn.extend.css");
@import url("jquery-ui-timepicker-addon.css");

body
{
    font: normal normal 12px/20px inherited;
}

input[type="text"]
{
    border: 1px solid #ccc;
    padding: 2px 5px 5px 5px;
    height: 19px;
    font-weight: bold;
}

.button
{
    padding: 3px 5px 3px 5px;
    cursor: pointer;
    text-align: center;
}

.panelTitle
{
    padding: 2px 10px 2px 10px;
    width: 100%;
}

.panelTitle .actionButton
{
    cursor: pointer;
}

.panelContent
{
    padding: 10px;
    width: 100%;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.ui-draggable-helper
{
    width: 200px;
}

.ui-autocomplete-input
{
    width: 300px;
    border: 1px solid #ccc;
    padding: 2px 5px 5px 5px;
    height: 19px;
    font-weight: bold;
}

/**************************************************************************/

#content
{
    width: 1027px;
    margin: 25px auto;
    position: relative;
}

#service_tooltip
{
    width: 200px;
    height: 74px;
    padding: 0 3px 0 3px;
    position: absolute;
    display: none;
    bottom: 0px;
    box-shadow: 1px 1px 3px #000;
}

#service_tooltip .header
{
    text-align: right;
    font-weight: bold;
    width: 30px;
}

/**************************************************************************/

#client_list
{
    width: 260px;
    height: 480px;
    float: left;
}

/**************************************************************************/

#search_box
{
    margin-bottom: 10px;
    width: 230px;
}

#search_box .panelContent
{
    height: 27px;
}

#search_name
{
    margin-right: 10px;
    width: 135px;
}

/**************************************************************************/

#result_list_loader
{
    width: 252px;
    height: 298px;
    margin-bottom: 10px;
}

#result_list
{
    margin-bottom: 10px;
    width: 230px;
}

#result_list ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#result_list li
{
    font-size: 8pt;
    font-style: normal;
    margin: 3px 0px 3px 0px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    z-index: 9999;
}

#result_list .panelContent
{
    height: 250px;
}

/**************************************************************************/

#client_detail
{
    display: none;
    width: 230px;
}

#client_detail .panelContent
{
    height: 120px;
}

#client_detail .panelContent table .header
{
    width: 80px;
    text-align: right;
    padding-right: 10px;
    border: 0;
}

/**************************************************************************/

#drop_loader
{
    width: 767px;
    height: 650px;
    float: left;
}

#drop_wrapper
{
    width: 0px;
    display: none;
}

#drop_wrapper .panelContent
{
    height: 600px;
}

#step_1_wrapper
{
    display: none;
}

#step_2_wrapper
{
    display: none;
}

#step_3_wrapper
{
    display: none;
}

/**************************************************************************/

#client_info
{
    height: 23px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 10px;
}

#service_category_list
{
    width: 200px;
    margin-right: 32px;
    float: left;
}

#service_category_list ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#service_category_list li
{
    font-size: 8pt;
    font-style: normal;
    margin: 3px 0px 3px 0px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    z-index: 9999;
}

#service_category_list .panelContent
{
    height: 520px;
}

/**************************************************************************/

#service_category_loader
{
    width: 513px;
    height: 568px;
    float: left;
}

#service_category_drop
{
    width: 492px;
}

#service_category_drop .panelContent
{
    height: 520px;
}

/**************************************************************************/

#service_list
{
    width: 470px;
    margin-bottom: 10px;
}

#service_list ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#service_list li
{
    font-size: 8pt;
    font-style: normal;
    margin: 1px 2px 2px 1px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    z-index: 9999;
    width: 92px;
    float: left;
}

#service_list .panelContent
{
    height: 145px;
}

/**************************************************************************/

#delivery_plan
{
    width: 470px;
    position: relative;
}

#delivery_plan .panelContent
{
    height: 270px;
}

#btnSaveAll
{
    width: 60px;
    position: absolute;
    bottom: 10px;
    right: -10px;
}

#delivery_plan table .header
{
    text-align: right;
    font-weight: bold;
    width: 90px;
}

#delivery_plan table .inputText
{
    width: 130px;
}


